import React, { Component } from 'react';

export default class ReactApp extends Component {
  constructor(props) {
    super(props);
    this.state = {
      title: 'Hello React 16.14.0'
    }
  }

  render() {
    const reactTitle = {
      display: 'flex',
      justifyContent: 'space-between',
      width: '100%',
      height: '80px',
      lineHeight: '80px',
      padding: '0 20px',
      boxSizing: 'border-box',
      backgroundColor: '#282C34',
      color: '#61DAFB',
    }

    return (
      <div style={reactTitle}  >
        <span className="title">{this.state.title}</span>
        <span className="iconfont icon-bxl-react react-icon">icon-bxl-react</span>
      </div>
    )
  }
}